const api = require('../../../utils/api') // 引入API
const {myRequest} = require('../../../utils/myRequest') // 请求函数
Page({
  data: {
    brandList: [],  //品牌列表数据
    page: 1 // 页数，显示当前第一页
  },
  onLoad: function (options) {
    const { page } = this.data;
    this.brandList(page)
  },
  // 品牌列表数据
  brandList(page) {
    myRequest({
      url: api.brandList,
      data: {
        page: page,
        size: 9
      },
      success: (res)=>{
        let brandList = res.data.data.data
        this.setData({
          brandList: brandList
        })
      },
    });
  },

  // 加载更多品牌列表
  onReachBottom: function () {
    wx.showLoading({
      title: '加载中...',
      duration: 1000,
    });
    const { brandList } = this.data;
    this.data.page += 1;  // 页数加1
    myRequest({
      url: api.brandList,//品牌列表接口
      data: {
        page: this.data.page,
        size: 9
      },
      success: (res)=>{
        // 数据为0是，不再请求
        if (res.data.data.data.length !== 0) { 
          setTimeout(() => {
            this.setData({
              // 数据拼接
              brandList: brandList.concat(res.data.data.data)
            })
          }, 1200)
        } else {
          wx.hideLoading();
          wx.showToast({
            title: '已无更多内容啦~',
            icon: 'none',
            duration: 3000,
          });
          return ;
        }
      },
    });
  },

  // 跳转到品牌详情页
  toBrandDetail(e) {
    let id = e.currentTarget.dataset.id;  
    wx.navigateTo({
      url: `../brandDetail/brandDeatil?id=${id}`,
    });
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})